@media (max-width:1440px){
  .header-top-area .icon{display: none;}
}
@media (max-width:1169px){
  .header-top-area .iconlist{display: none;}
  
}
@media (max-width:940px){
  .header-top-area .logo-area{display: none;}
  
}
@media (min-width: 1199px)  {

  .main-menu ul#nav li .mega-menu {
    width: 80vw;
  }
  
  .container {
    width: 1170px;
  }
}
@media (min-width: 1440px) {

  .main-menu ul#nav li .mega-menu {
    width: 80vw;
  }
  .container {
    width: 1200px;
  }
}
@media (min-width: 1920px) {

  .main-menu ul#nav li .mega-menu {
    width: 80vw;
  }
  .container {
    width: 80vw;
  }
}




/* Normal desktop :99.2rem. */

@media (min-width: 992px) and (max-width: 1169px) {
  .container {
    width: 100%;
  }
  .slider-area .nivo-directionNav a {
    top: 60%;
  }
  .service-hover {
    height: 24.7rem;
    left: -1.2rem;
    padding: 2rem 1.5rem 0.3rem;
    top: -2rem;
    width: 31.3rem;
  }
  .application-hover {
    /* height: 24.7rem; */
    left: -1.2rem;
    padding: 2rem 1.5rem 0.3rem;
    top: -2rem;
    width: 31.3rem;
  }
  .wework-social ul li {
    margin-right: 7.5rem;
  }
  .client-say {
    padding: 8.2rem 10rem 5.8rem 6rem;
  }
  .main-menu ul li a {
    padding: 4rem 0.9rem;
  }
  .specialty-single.two {
    padding: 4rem;
    width: 25%;
  }

  .effect-titel {
    padding-top: 25%;
  }
  .effect-titel.two {
    padding-top: 6%;
  }
  .effect-titel.three {
    padding-top: 9%;
  }
  .team-socaladrs {
    margin-top: 7.2rem;
  }
  .team-adrs {
    margin-top: 0;
    padding-top: 8.5rem;
  }
  .table-content {
    padding: 4.5rem;
  }
  .story-content {
    padding-top: 0;
  }
  .mission-vission .video-content {
    padding: 0;
  }
  .adrs-details p {
    padding-right: 5rem;
  }
  .project-details {
    float: none;
    width: 100%;
  }
  .tab-dicrib {
    float: none;
    padding-bottom: 1.5rem;
    padding-right: 0;
    width: 100%;
    padding-left: 2.5rem;
  }
  .tab-single-photo {
    padding-left: 2.5rem;
  }
  .main-menu ul#nav li .mega-menu {
    width: 100vw;
  }
  .header-area-2 .main-menu ul#nav li .mega-menu {
    right: 0;
  }
  .res-mt {
    margin-top: 2rem;
  }
  .main-menu ul#nav li:hover .mega-menu {
    width: 100vw
  }
  .header-area-2 .social-rotate ul li:last-child {
    display: none;
  }
  .two .slide-text {
    top: 45%;
  }
  .text-titel {
    line-height: 3.5rem;
  }
  .three .slide-text {
    top: 40%;
    width: 90%;
  }
  .three .text-titel {
    line-height: 5.5rem;
  }
  .specialty-single.two {
    padding: 6rem 3rem;
  }
  .effect-titel h2 {
    font-size: 1.8rem;
  }
  .single-blog:hover .blog-img a::before {
    transform: translateY(33%);
  }
  .main-menu ul li>ul {
    width: 19rem;
  }
}

/* Tablet desktop :76.8rem. */

@media (min-width: 769px) and (max-width: 991px) {
  .mobile-menu-area {
    display: none;
  }
  .header-area {
    position: relative;
  }
  .main-menu ul#nav li .mega-menu .single {
    width: 50%
  }
  .logo-area {
    padding: 0 0 1.5rem;
    text-align: center;
  }
  .main-menu {
    float: none;
    text-align: center;
  }
  .res-mt {
    margin-top: 2rem;
  }
  .social-rotate {
    float: none;
    text-align: center;
  }
  .slider-area .nivo-directionNav a {
    top: 44%;
  }
  .slider-area .nivo-caption {
    top: 20%;
  }
  .res-pt-10 {
    padding-top: 1rem;
  }
  .specialty-image {
    padding-left: 0;
    text-align: center;
  }
  .video-content>p:last-child {
    display: none;
  }
  .about-area .social-rotate {
    text-align: left;
  }
  .wework-social ul li:last-child {
    display: none;
  }
  .wework-social ul li {
    margin-right: 5.2rem;
    ;
  }
  .portfolio-menu li {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
  }
  .latestshot-menu li {
    font-size: 1.2rem;
    padding: 1rem 2rem;
  }
  .client-say {
    padding: 4.5rem 7.5rem 4.7rem 6rem;
  }
  .form-group {
    padding-left: 5rem;
    padding-right: 5rem;
    padding-top: 2.5rem;
  }
  .specialty-single.two {
    padding: 2.5rem;
    width: 33.33%;
  }
  .specialty-single.two:last-child {
    display: none;
  }
  .two .social-rotate {
    float: none;
    text-align: left;
  }
  .successful-single {
    float: left;
  }

  .effect-titel {
    padding-top: 27%;
  }
  .effect-titel h2 {
    font-size: 1.6rem;
  }
  .effect-titel>p {
    font-size: 1.2rem;
  }
  .effect-titel.two {
    padding-top: 6%;
  }
  .effect-titel.three {
    padding-top: 8%;
  }
  .team-single>img {
    width: 100%;
  }
  .team-adrs {
    padding-top: 45%;
  }
  .team-socaladrs {
    margin-top: 40%;
  }
  .table-content {
    padding: 4rem;
  }
  .client-img {
    bottom: -6rem;
  }
  .story-content {
    padding-top: 0;
  }
  .mission-vission .video-content {
    padding: 0;
  }
  .choose-us .icon-titel h6 {
    padding-left: 6%;
    padding-top: 9%;
  }
  .res-tab-p0 {
    padding: 0;
  }
  .blogdetails-titel>h4 {
    font-size: 1.5rem;
  }
  .comment-form .form-single, .comment-form .form-textarea textarea {
    width: 100%;
  }
  .cntct-right-adrs {
    padding-left: 0;
  }
  .project-details {
    float: none;
    width: 100%;
  }
  .tab-dicrib {
    float: none;
    padding-bottom: 1.5rem;
    padding-right: 0;
    width: 100%;
    padding-left: 2.5rem;
  }
  .tab-single-photo {
    padding-left: 2.5rem;
  }
  .develope-menu ul li a {
    font-size: 1.2rem;
  }
  .slide-text {
    top: 30%;
  }
  .text-titel {
    font-size: 3.6rem;
  }
  .main-menu ul>li>a {
    padding: 4rem 1.2rem;
  }
  .main-menu ul#nav li:hover .mega-menu {
    width: 100vw;
  }
  .main-menu ul#nav li .mega-menu .single>li>a {
    font-size: 1.2rem;
    margin: 0 2.5rem;
    padding: 0.8rem;
  }
  .header-area-2 .social-rotate ul li a {
    margin-right: 1.5rem;
  }
  .two .slide-text {
    top: 33%;
  }
  .text-titel {
    color: #fff;
    font-size: 3rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  .two .slide-text p {
    display: none;
  }
  .three .slide-text {
    top: 33%;
    width: 80%;
  }
  .slide-text p {
    font-size: 1.4rem;
    margin: 0 0 2rem;
  }
  .header-area-2 {
    position: relative;
  }
  .client-img {
    bottom: 0.5rem;
  }
  .res-tab-m0 {
    margin: 0;
  }
  .main-menu ul li>ul {
    width: 20rem;
  }
}

/* small mobile :32rem. */

@media (max-width: 768px) {
  .container {
    max-width: 100%
  }
  .mobile-menu-area {
    display: block;
  }
  .main-menu ul#nav li .mega-menu ul.single {
    width: 50%;
  }
  .main-menu ul#nav li .mega-menu ul.single div.image {
    float: none;
    display: none;
  }
  .mega-menu ul.single li:nth-child(2), .mega-menu ul.single li:nth-child(2) a {
    font-size: 2rem!important;
  }
  .main-menu ul#nav li:hover .mega-menu {
    width: 100%;
  }
  .header-area {
    position: initial;
  }
  .header-left ul li {
    margin-bottom: 0.5rem;
    margin-right: 0;
  }
  .header-left {
    text-align: center;
  }
  .header-right {
    padding-bottom: 1.5rem;
  }
  .logo-area {
    margin-bottom: 2rem;
    text-align: center;
  }
  .social-rotate {
    float: none;
    margin-top: 2rem;
    text-align: center;
  }
  .slider-area .nivo-directionNav a {
    font-size: 3rem;
    height: 4rem;
    line-height: 4rem;
    top: 42%;
    width: 4rem;
  }
  .section-title p {
    padding: 0;
  }
  .about-area .social-rotate {
    float: none;
    padding-top: 0;
    text-align: left;
  }
  .service-single {
    
  }
  .service-hover {
    height: 24rem;
    left: -1.8rem;
    padding: 1.8rem 1.5rem 0.3rem;
    top: -1.3rem;
    width: 30.8rem;
  }
  .application-hover {
    left: -1.8rem;
    padding: 1.8rem 1.5rem 0.3rem;
    top: -1.3rem;
    width: 30.8rem;
  }
  .wework-social>ul {
    text-align: center;
  }
  .wework-social ul li {
    margin-bottom: 8rem;
    margin-right: 0;
  }
  .wework-social ul li:last-child {
    margin-bottom: 0rem;
  }
  .portfolio-menu li {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
  }
  .portfolio-menu li:nth-child(2), .portfolio-menu li:nth-child(4) {
    border-right: 0.1rem solid #ddd;
  }
  .latestshot-menu li, .category-menu li {
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
  .client-say {
    padding: 5rem;
  }
  .brand-single a img {
    width: 100%;
  }
  .form-group {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 2rem;
  }
  .form-single, .form-textarea textarea {
    margin-right: 0;
    width: 100%;
  }
  .footer-area .social-rotate ul li a {
    margin-right: 1.8rem;
  }
  .help-contact-area {
    margin-top: -16.8%;
  }
  .popup-youtube {
    top: 25%;
  }
  .specialty-single.two {
    padding: 6rem;
    width: 100%;
  }
  .two .social-rotate {
    float: none;
    text-align: left;
  }
  .abt-left-pic {
    margin-top: 10rem;
  }
  .successful-single {
    float: none;
    margin-bottom: 4rem;
    text-align: center;
    width: 100%;
  }
  .sucs-icon a {
    float: none;
    left: 0;
    margin: 0 auto 3rem;
    right: 0;
    text-align: center;
  }
  .successful-area {
    padding-left: 0;
    padding-right: 0;
  }
  .successful-single:last-child {
    margin-bottom: 0;
  }
  .table-content {
    padding: 1.5rem;
  }
  .single-brand {
    text-align: center;
  }
  .client-content {
    margin-bottom: 10rem;
    padding: 3rem;
  }
  .client-img {
    bottom: 2rem;
  }
  .choose-us .spe-discribe>p {
    padding-right: 0;
    padding-left: 0;
  }
  
  .choose-us .icon-titel h6 {
    padding-left: 8%;
    padding-top: 12%;
  }
  .choose-us .icon-titel{
    overflow: visible;
  }
  .mission-vission .video-content {
    padding: 0;
  }
  .blog-discribe-area {
    padding: 0;
  }
  .dicrobe-content {
    padding: 2.5rem 3rem 10rem;
  }
  .blogdetails-titel>h4 {
    display: none;
  }
  .blogdetails-titel {
    padding-left: 1rem;
  }
  .comment-pic {
    float: none;
    margin-bottom: 1.5rem;
    margin-right: 0;
  }
  .two .help-contact-area {
    margin-top: -25.8%;
    padding-bottom: 10rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .two .form-group {
    padding-left: 0;
    padding-right: 0;
    padding-top: 3.5rem;
  }
  .cntct-right-adrs {
    padding-left: 0;
  }
  .adrs-details p {
    padding-right: 10%;
  }
  .project-details {
    float: none;
    width: 100%;
    padding: 4rem;
  }
  .tab-dicrib {
    float: none;
    padding-bottom: 1.5rem;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
  .tab-single-photo {
    padding-left: 0rem;
  }
  .project-develope {
    padding: 4rem;
  }
  .develope-menu ul li a {
    font-size: 1.2rem;
  }
  .develope-menu ul li {
    margin-bottom: 1.5rem;
  }
  .develope-menu {
    padding-bottom: 2rem;
  }
  .sticky, .headroom {
    /* position: unset; */
  }
  .res-pt-xs-50 {
    padding-top: 5rem
  }
  .res-pt-xs-20 {
    padding-top: 2rem
  }
  .res-pb-xs-20 {
    padding-bottom: 2rem
  }
  .res-pb-xs-30 {
    padding-bottom: 3rem
  }
  .res-pt-xs-0 {
    padding-top: 0rem
  }
  .slide-text {
    top: 28%;
  }
  .text-titel {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .slide-text p {
    margin: 0.4rem 0 1.2rem;
    font-size: 1rem;
  }
  .two .slide-text p {
    display: none;
    line-height: 2.5rem;
  }
  .header-area-2 .social-rotate ul li a {
    margin-right: 1.5rem;
  }
  .text-titel {
    margin-bottom: 2rem;
  }
  .three .slide-text {
    top: 58%;
    width: 80%;
  }
  .slide-text p {
    font-size: 1.4rem;
    margin: 0 0 2rem;
  }
  .three .slide-text {
    top: 11%;
    width: 80%;
  }
  .three .slide-text p {
    font-size: 1rem;
    margin: 0 0 1rem;
  }
  .three .text-titel {
    font-size: 1.8rem;
    line-height: 2.2rem;
    margin-bottom: 0.2rem;
  }
  .effect-titel>a {
    display: none;
  }
  .effect-titel h2 {
    font-size: 1rem;
  }
  .effect-titel>p {
    font-size: 1rem;
  }
  .portfolio-menu li:nth-child(2), .portfolio-menu li:nth-child(3), .portfolio-menu li:nth-child(4) {
    border-right: 0.1rem solid #ddd;
  }
  .latestshot-menu li:nth-child(2), .latestshot-menu li:nth-child(3), .latestshot-menu li:nth-child(4) {
    border-right: 0.1rem solid #eee;
  }
  .category-menu li:nth-child(2), .category-menu li:nth-child(3), .category-menu li:nth-child(4) {
    border-right: 0.1rem solid #eee;
  }
  .pagination-count ul li a {
    margin-right: 0;
  }
  .text-center.portfolio-menu.mb-60 {
    margin-bottom: 4.5rem;
  }
  .image-box>a {
    font-size: 3.8rem;
  }
  .single-blog:hover .blog-img a::before {
    transform: translateY(25%);
  }
}

/* Large Mobile :48rem. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 100%
  }
  .header-left ul li {
    margin-right: 1rem;
  }
  .header-right {
    float: none!important;
    padding-bottom: 1.5rem;
  }
  .social-icon ul {
    float: none;
    padding: 0;
    text-align: center;
  }
  .service-hover {
    padding: 2.9rem 1.5rem 0.3rem;
    width: 44rem;
    left: -1.1rem;
  }
  .application-hover {
    padding: 2.9rem 1.5rem 0.3rem;
    width: 44rem;
    left: -1.1rem;
  }
  .service-single {
    padding-top: 16%;
  }
  .wework-social ul li {
    margin-bottom: 6.5rem;
    margin-right: 6.7rem;
  }
  .wework-social ul li:last-child {
    display: none;
  }
  .wework-social ul li:nth-child(2), .wework-social ul li:nth-child(4) {
    margin: 0;
  }
  .blog-img.image-box>img {
    width: 100%;
  }
  .ct-cp {
    float: none;
  }
  .ct-cp>img, .team-single>img {
    width: 100%;
  }
  .team-adrs {
    padding-top: 19.5rem;
  }
  .team-socaladrs {
    margin-top: 18.5rem;
  }
  .adrs-details p {
    padding-right: 10%;
  }
  .slide-text {
    top: 32%;
  }
  .text-titel {
    font-size: 2.4rem;
    line-height: 2.4rem;
  }
  .blog-img img {
    width: 100%;
  }
  .slide-text p {
    margin: 1rem 0 1.2rem;
    font-size: 1.2rem;
  }
  .three .slide-text {
    top: 30%;
    width: 90%;
  }
  .single-blog:hover .blog-img a::before {
    transform: translateY(70%);
  }
  .specialty-single.two {
    width: 50%;
  }
}

@media only screen and (max-width: 480px) {
  .single-portfolio .header {
    top: 5%;
    width: 90%;
  }
  h1 {
    font-size: 3rem;
    font-weight: 700;
  }
  h2 {
    font-size: 3.0rem;
  }
  h3 {
    font-size: 2.4rem;
  }
  h4 {
    font-size: 1.8rem;
  }
  h5 {
    font-size: 1.4rem;
  }
  h6 {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
  }
}